
<div class="crowd-detail-info" *ngIf="crowdDetail">
  <div class="crowd-info-title">
    <p class="crowd-name text-overflow-ellipsis">众筹：<span>{{crowdDetail.crowdName | truncate:12 }}</span></p>
  </div>
  <div class="crowd-header">
    <div class="crowd-type">
      <p>活动类型：<span >{{crowdDetail.activeName }}</span></p>
      <p>运动类型：<span>{{crowdDetail.sportName }}</span></p>
    </div>
    <div class="activity-time">
      <p class="title">活动时间：</p>
      <p class="times">
        <span>
          {{crowdDetail.activeStartTime | amDateFormat:'YYYY/MM/DD HH:mm'}} ~ <br>
          {{crowdDetail.activeEndTime | amDateFormat:'YYYY/MM/DD HH:mm'}}
        </span>
      </p>
    </div>
    <div>

      <p>联系方式：
        <span *ngIf="login&&(crowdDetail.userBaseResp.userId==userId || crowdDetail.attendedFlag)">
          {{crowdDetail.contactWay }}
        </span>
        <span *ngIf="!login || (!crowdDetail.attendedFlag&&crowdDetail.userBaseResp.userId!=userId)">
          {{crowdDetail.contactWay | slice: 0:3}}****{{crowdDetail.contactWay | slice: 7:11 }}
        </span>
      </p>
    </div>
    <div>
      <p>地点：<span>{{crowdDetail.areaList[0]?.cityStr}}</span></p>
    </div>
  </div>
  <div class="crowd-annotation">
    <div class="crowd-annotation-info">
      <span>活动详细说明：</span>
      <span>{{crowdDetail.activeDesc}}</span>
    </div>
    <div class="crowd-image"  *ngFor="let imsge of crowdDetail.imgList;let i = index;">
      <seed-img [lazyLoadImg]="imsge" ></seed-img>
    </div>
    <div class="crowd-remarks" *ngIf="crowdDetail.remarks">
      <span>备注：</span>
      <span>{{crowdDetail.remarks}}</span>
    </div>
  </div>
</div>
